<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../libs/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_2011960_drlq7vdo6.css">
  <link rel="stylesheet" href="/css/cart.css">
  <link rel="stylesheet" href="/css/modules/footer.css">

</head>

<body>
  <header>
    <div class="cart-logo">
      <img src="/img/index/logo.png" alt="">
    </div>
  </header>
  <div class="cart-content">
    <div class="cart-top">
      <li>
        <p>1</p>
        <p>我的购物袋</p>
      </li>
      <li>
        <p>2</p>
        <p>提交订单</p>
      </li>
    </div>
    <a href="/html/list.html">&lt;继续购物 </a>
    <h2>我的购物袋</h2>
    <table align='center' style="border-collapse:collapse;">
      <thead>
        <tr>
          <td><input type='checkbox' class="AllCheck"></td>
          <td>全选</td>
          <td>产品</td>
          <td>单价</td>
          <td>数量</td>
          <td>价格</td>
        </tr>
      </thead>

      <tbody>

      </tbody>
      <script type="text/html" id="tbody-template">
        {{each cart shop}}
        <tr data-id='{{shop.id}}'>
          <td><input type='checkbox' class='checks' {{shop.check ? 'checked' : ''}}></td>
          <td><img src="{{shop.photo[0].url}}" alt=""></td>
          <td><a href="/html/shop.html?id={{shop.id}}">{{shop.title.slice(0,8)}}...</a><a class='del'>删除</a></td>
          <td>￥{{shop.price}}</td>
          <td><button class="reduce">-</button><button>{{shop.count}}</button><button class="add">+</button></td>
          <td class="danjia">￥{{(shop.price*shop.count).toFixed(2)}}</td>
        </tr>
        {{/each}}
      </script>

    </table>
    <div class="cart-fast">
      <div class="top">
        <h2>订单总结</h2>
        <span>
          商品价格
        </span>
        <p class="zong1">￥7440</p>
      </div>

      <div class="bottom">
        <div class="zong">
          <h1>总价</h1>
          <h1 class="zong2">￥7440</h1>
        </div>
        <div class="jie">
          <a href="/html/list.html">继续购物</a>
          <button type="button" class="btn btn-primary final" data-toggle="modal"
            data-target="#exampleModal">立即结算</button>

          <!-- Modal -->
          <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
                <img src="../img/7143be343b9be28f9a26c51d76fe73d.jpg" alt="" class="money">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="empty" id="cart-empty">
      <p><i class="iconfont icon-baobao"></i>您的购物车还没有商品!</p>
      <a href="/index.html">返回首页</a>
      <a href="/html/list.html">去选款式</a>
    </div>
  </div>

  <footer>

  </footer>
  <script src="/libs/require.js" data-main="/js/cart.js"></script>
</body>

</html>